@charset "utf-8";

/* 게시판 */
.board_area	{clear:both;position:relative;padding:0;background:#fff;display:block;*zoom:1;}
.board_area .article,
.branch_area .article {color:#000;text-align:left;line-height:31px;}
.board_area .article em,
.branch_area .article em {color:#c22126;}
.board_area:after	{content:"";display:block;clear:both;}

/* board_srch */
.select_area {display:inline-block;}
.select_area.select2{display:block;}
.select_area.select2 select{float:left;width:48%;}
.select_area.select2 select:last-child{float:right;}
.select_area.select2:after{clear:both;display:block;content:'';}
.board_srch {position:relative;margin:0 0 15px;display:block;}
.board_srch .article {float:left;display:inline-block;margin:20px 0 0;}
.board_srch .article em {color:#e0060e;}
.board_srch .board_srch_area {float:right;display:inline-block;}
.board_srch:after   {content:"";display:block;clear:both;}
.board_srch.board_block {display:block;}
.board_srch.board_block .newsletter .select_area {width:100%;}

.srch_input {position:relative;display:block;}
.srch_input input {width:100%;}
.srch_input .btn_srch {position:absolute;top:0;right:0;}

.coupon_input {position:relative;display:block;padding:0 75px 0 0;}
.coupon_input label span {position:absolute;top:-9999px;overflow:hidden;}
.coupon_input .btn_txt {position:absolute;top:0;right:0;height:2.5em;line-height:2.5em;}

.frm_cp_order  {display:block;line-height:35px;}
.frm_cp_order #coupon_sale {width:150px;text-align:right;}

/* lst search */
.srch_input.lst {position:relative;display:block;margin:0 0 0 4px;}
:root .srch_input.lst input {height:35px \0/IE9;}

/* faq search */
.board_srch.board_srch .srch_select .select_area {float:none;display:block;width:100%;}
.board_srch.board_srch .srch_input {display:block;position:relative;padding:0 30px 0 0;background:#fff;border:1px solid #d2d6d9;}
.board_srch.board_srch .srch_input input {border:0;}
.board_srch.board_srch .srch_input a {position:absolute;right:0;top:0;height:40px;}
.board_srch.board_srch .srch_input a img {display:block;height:100%;}

.board_srch.faq_srch .srch_input {margin:5px 0 0;}
.board_srch.store_srch .srch_select .select_area {margin:0 0 5px;}


/* form */
.input_email {position:relative;margin:0 0 5px;padding:0 0 0 115px;}
.input_email .id {position:absolute;left:0;top:0;margin:0 5px 0 0;}
.input_email .id input {width:97px;}
.input_email .account {width:100%;}
.select_area.email_select {width:100%;}

.cp {position:relative;margin:0 0 5px;padding:0 0 0 77px;}
.cp:after {content:"";display:block;clear:both;}
.cp .select_area {position:absolute;left:0;top:0;margin:0 5px 0 0;}
.cp .input_num {width:100%;}
.cp .input_num input {float:left;width:49%;max-width:100px;margin-right:2%;}
.cp .input_num input:last-child {margin:0;}

.id_check {position:relative;padding:0 120px 0 0;}
.id_check button {position:absolute;right:0;top:0;}
#email_Check, #hp_Check {display:block;width:100%;margin:5px 0 0;}

.frm_address  {display:block;}
.frm_address input	{margin-bottom:5px;}
.frm_address .zipcode  {position:relative;display:block;}
.frm_address .zipcode:after {content:"";display:block;clear:both;}
.frm_address .zipcode input{float:left;width:104px;margin-right:5px;}
.frm_address .zipcode button{float:left;display:inline-block;width:auto;}

.frm_cp_order  {display:block;line-height:35px;}
.frm_cp_order input{width:150px;text-align:right;}

.frm_point_order  {display:block;line-height:35px;}
.frm_point_order input{width:150px;text-align:right;}

.frm_birthday {position:relative;padding:0 45px 0 0;display:block;}
.frm_birthday:after {content:"";display:block;clear:both;}
.frm_birthday input{}
.frm_birthday img.ui-datepicker-trigger{position:absolute;top:0;right:0;width:40px;}

.input_birth {display:flex;justify-content:space-around;}
.input_birth .select_area {float:left;position:relative;width:32%;}

/* 첨부파일 디자인 바꾸기 */
.filebox {position:relative;padding:0 60px 0 0;}
.filebox input[type="file"] {width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label {position:absolute;right:0;top:0;display:inline-block;}

/* named upload */
.filebox .upload-name {width:100%;display:inline-block;height:40px;background:#fff;border:1px solid #ccc;border-right:none;-webkit-appearance:none;border-radius:0;}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label {display:inline-block;height:40px;padding:0 1.5em;color:#fff;font-size:inherit;line-height:40px;vertical-align:middle;background-color:#242424;cursor:pointer;}
/* named upload */
.filebox .upload-name {display:inline-block;padding:0 1.5em;/* label의 패딩값과 일치 */font-size:inherit;font-family:inherit;line-height:normal;vertical-align:middle;background-color:#fff;border:1px solid #d2d6d9;-webkit-appearance:none; /* 네이티브 외형 감추기 */-moz-appearance:none;appearance:none;}

/* board_list */
.board_lst {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_lst th {padding:11px 10px 8px;background:#f8f8f8;text-align:center;color:#3c3c3c;border-bottom:1px solid #e4e4e4;}
.board_lst td {padding:11px 10px 8px;background:#fff;text-align:center;border-bottom:1px solid #e4e4e4;line-height:1.66666em;}
.board_lst th .box_color{margin:0 3px 0 0;}
.board_lst .seq {width:15%;}
.board_lst .subject {width:60%;}
.board_lst .date {width:25%;}

.board_lst .certification {width:13%;}
.board_lst .pd_name {width:36%;}
.board_lst .payment_cycle {width:24%;}
.board_lst .join_date {width:27%;}

.board_lst.emp_review .subject {width:55%;}
.board_lst.emp_review .writer {width:20%;}
.board_lst.emp_review .date {width:25%;}

.board_lst.hall .nm {width:21%;}
.board_lst.hall .add {width:65%;}
.board_lst.hall .map {width:14%;}

.board_lst td span.notice {display:inline-block;height:2em;margin:0 5px 0 0;padding:0 0.5em;background:#578a3e;font-size:11px;color:#fff;}

.board_lst.review {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_lst.review th {padding:11px 10px 8px;background:#f8f8f8;text-align:center;color:#3c3c3c;border-bottom:1px solid #e4e4e4;}
.board_lst.review td {padding:11px 10px 8px;background:#fff;text-align:center;border-bottom:1px solid #999;line-height:1.66666em;}
.board_lst.review th .box_color{margin:0 3px 0 0;}
.board_lst.review .div {width:15%;}
.board_lst.review .subject {width:40%;}
.board_lst.review .writer {width:20%;}
.board_lst.review .date {width:25%;}
.board_lst.review td span.notice {display:inline-block;height:2em;margin:0 5px 0 0;padding:0 0.5em;background:#578a3e;font-size:11px;color:#fff;}

.board_lst.next {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_lst.next th {padding:9px 10px 10px;background:#fff;text-align:left;color:#3c3c3c;font-size:12px;border-bottom:1px solid #e4e4e4;text-indent:25px;}
.board_lst.next td {padding:9px 10px 10px;background:#fff;text-align:left;font-size:12px;border-bottom:1px solid #e4e4e4;line-height:1.66666em;}
.board_lst.next td span {display:block;}
.board_lst.next td em {display:inline-block;height:25px;padding:0 8px;margin:0 5px 0 0;line-height:25px;font-size:11px;color:#fff;background:#c8001a;}
.board_lst.next td a {display:block;width:98%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.board_lst.next .th_tit {width:25%;text-align:left;}
.board_lst.next .td_con {width:75%;}
.board_lst.next th.prev {background:url(../images/arrow_t.gif) no-repeat 15px 50%;background-size:15px;}
.board_lst.next th.next {background:url(../images/arrow_b.gif) no-repeat 15px 50%;background-size:15px;}

.board_lst.life {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_lst.life thead th {padding:11px 10px 8px;background:#578a3e;text-align:center;color:#fff;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.board_lst.life thead th:last-child {border-right:0;}
.board_lst.life tbody th {background:#f1f1f1;}
.board_lst.life tbody td {text-align:left;border-right:1px solid #e4e4e4;}
.board_lst.life tbody td li {position:relative;padding:0 0 0 8px;}
.board_lst.life tbody td li:before {position:absolute;left:0;top:0;content:'-';}
.board_lst.life tbody td li li:before {content:'';}
.board_lst.life tbody td:last-child {border-right:0;}
.board_lst.life tbody td:nth-child(4) {border-right:1px solid #e4e4e4;}
.board_lst.life .cell2_1 {width:34%;}
.board_lst.life .cell2_2 {width:66%;}
.board_lst.life .cell3_1 {width:16%;}
.board_lst.life .cell3_2,
.board_lst.life .cell3_3 {width:42%;}
.board_lst.life .cell5_1 {width:16%;}
.board_lst.life .cell5_2,
.board_lst.life .cell5_3,
.board_lst.life .cell5_4,
.board_lst.life .cell5_5 {width:21%;}

.board_lst.move {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_lst.move thead th {padding:11px 10px 8px;background:#578a3e;text-align:center;color:#fff;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.board_lst.move thead th:last-child {border-right:0;}
.board_lst.move tbody th,
.board_lst.move td.bg {background:#f1f1f1;}
.board_lst.move td {text-align:center;border-right:1px solid #e4e4e4;}
.board_lst.move td:last-child {border-right:0;}
.board_lst.move td li {margin:0 0 10px;}
.board_lst.move td li:last-child {margin:0;}
.board_lst.move td li dt {position:relative;padding:0 0 0 8px;font-weight:600;}
.board_lst.move td li dt:before {position:absolute;left:0;top:0;content:'-';}
.board_lst.move td li dd {padding:0 0 0 8px;}

/* schedule */
.board_lst.schedule .con_edu {}
.board_lst.schedule td.schedule1 {background:#b82a2a;color:#fff;text-align:left;}
.board_lst.schedule td.schedule2 {background:#b8842a;color:#fff;text-align:left;}
.board_lst.schedule td.schedule3 {background:#2a3eb8;color:#fff;text-align:left;}
.board_lst.schedule td.day1 {background:#fff;color:#b82a2a;text-align:left;}
.board_lst.schedule td.day2 {background:#fff;color:#b8842a;text-align:left;}
.board_lst.schedule td.day3 {background:#fff;color:#2a3eb8;text-align:left;}
.board_lst.schedule td a {display:block;position:relative;margin:0 0 5px 0;}
.board_lst.schedule td span {overflow:hidden;padding:0 20px 0 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;height:3em;}
.board_lst.schedule td img {position:absolute;right:0;bottom:0;width:15px;height:15px;}

.comment_area {margin:30px 0 0;}
.comment_area .input_comment {overflow:hidden;position:relative;padding:0 73px 0 0;}
.comment_area .input_comment textarea {float:left;width:100%;}
.comment_area .input_comment button {position:absolute;right:0;top:-1px;width:75px;height:76px;min-height:76px;line-height:76px;font-weight:400;font-size:11px;}
.lst_comment {margin:20px 0 0;border-top:1px solid #414141;border-bottom:1px solid #414141;}
.lst_comment li {position:relative;padding:10px 10px 12px 80px;border-bottom:1px solid #ccc;}
.lst_comment li:last-child {border:none;}
.lst_comment li .user {position:absolute;left:0;top:50%;width:70px;margin:-10px 0 0;font-weight:600;color:#333;}
.lst_comment li .con {width:100%;text-align:left;word-break:break-word;}
.lst_comment li .mid {position:absolute;right:0;top:50%;width:70px;margin:-10px 0 0;}
.lst_comment li .mid a {}

/* faq */
.board_faq {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_faq .th_tit {width:30%;}
.board_faq .td_con {width:70%;}
.board_faq th {padding:11px 10px 8px;background:#f8f8f8;text-align:center;color:#3c3c3c;border-bottom:1px solid #e4e4e4;}
.board_faq td {background:#fff;text-align:center;border-bottom:1px solid #e4e4e4;line-height:1.66666em;}
.board_faq td div {text-align:left;}
.board_faq .question {overflow:hidden;cursor:pointer;position:relative;padding:8px 10px 11px 40px;}
.board_faq .question .q {position:absolute;left:15px;top:9px;display:inline-block;width:20px;height:20px;margin:0 10px 0 0;font-weight:600;text-align:center;color:#fff;font-size:11px;line-height:20px;border-radius:100%;background:#464646;}
.board_faq .answer {padding:20px 10px 18px 40px;position:relative;background:#f6f6f6;border-top:1px solid #e4e4e4;}
.board_faq .answer .a {position:absolute;left:15px;top:20px;display:inline-block;width:20px;height:20px;margin:0 10px 0 0;font-weight:600;text-align:center;color:#fff;font-size:11px;line-height:20px;border-radius:100%;background:#578a3e;}

.board_faq.qna {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_faq.qna .subject {width:75%;}
.board_faq.qna .state {width:25%;}
.board_faq.qna th {padding:11px 10px 8px;background:#f8f8f8;text-align:center;color:#3c3c3c;font-size:13px;border-bottom:1px solid #e4e4e4;}
.board_faq.qna td {background:#fff;text-align:center;font-size:13px;border-bottom:1px solid #e4e4e4;line-height:1.66666em;}
.board_faq.qna td div {text-align:left;}
.board_faq.qna .question {position:relative;overflow:hidden;cursor:pointer;padding:9px 88px 10px 10px;}
.board_faq.qna .question .subject.on {font-weight:600;color:#3c3c3c;}
.board_faq.qna .question .subject {display:block;overflow:hidden;width:95%;padding:0 0 0 30px;box-sizing:border-box;}
.board_faq.qna .question .subject span {position:absolute;left:15px;top:13px;display:inline-block;width:20px;height:20px;margin:0 4px 0 0;background:#464646;font-weight:600;color:#fff;font-size:11px;border-radius:100%;line-height:20px;text-align:center;}
.board_faq.qna .question .state {position:absolute;right:10px;top:50%;margin:-12px 0 0;text-align:center;}
.board_faq.qna .question .state span {display:inline-block;margin:0 auto;}
.board_faq.qna .answer {padding:0;background:#f6f6f6;border-top:1px solid #e4e4e4;}
.board_faq.qna .answer .con_question {padding:9px 15px;}
.board_faq.qna .answer .con_question .date, .lst_qna .answer .con_answer .date {font-size:12px;color:#8c8c8c;}
.board_faq.qna .answer .con_question .btn {margin:11px 0 0;text-align:center;}
.board_faq.qna .answer .con_answer {position:relative;color:#4c4c4c;padding:10px 10px 8px 38px;border-top:1px solid #e4e4e4;}
.board_faq.qna .answer .con_answer span {position:absolute;left:15px;top:13px;display:inline-block;width:20px;height:20px;margin:0 4px 0 0;background:#578a3e;font-weight:600;color:#fff;font-size:11px;border-radius:100%;line-height:20px;text-align:center;}

.board_funeral {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_funeral td {background:#fff;text-align:center;border-bottom:1px solid #e4e4e4;line-height:1.66666em;}
.board_funeral td div {text-align:left;}
.board_funeral .subject {overflow:hidden;cursor:pointer;position:relative;padding:10px 40px 11px 10px;font-weight:600;}
.board_funeral .subject.on {color:#578a3e;}
.board_funeral .subject span {position:absolute;right:0;top:50%;display:inline-block;width:26px;height:8px;margin:-4px 0 0;background:url(../images/mb_arrow_funeral_b.gif) no-repeat 100% 50%;background-size:26px !important;}
.board_funeral .subject span.on {background:url(../images/mb_arrow_funeral_t.gif) no-repeat 100% 50%;}
.board_funeral .content {padding:15px 20px;position:relative;background:#f6f6f6;border-top:1px solid #7f7f7f;}
.board_funeral .content .btn {margin:20px 0;text-align:center;}

/* board_view */
.board_view {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #7f7f7f;}
.board_view .th_tit {width:100px;}
.board_view .td_con {}
.board_view th {padding:11px 20px 10px;background:#f8f8f8;text-align:left;color:#3c3c3c;font-size:13px;border-bottom:1px solid #e4e4e4;}
.board_view th .box_color{margin:0 3px 0 0;}
.board_view th.num {background:#fff;font-size:12px;}
.board_view th.num dl {}
.board_view th.num dl dt, .board_view th.num dl dd {display:inline-block;}
.board_view th.num dl dt {margin:0 3px 0 0;}
.board_view td {padding:20px;background:#fff;text-align:left;font-size:13px;border-bottom:1px solid #999;line-height:1.66666em;}


/* board_write */
.board_write {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #000;}
.board_write col.th_tit {width:100px;}
.board_write col.th_tit_product {width:30%;}
.board_write col.td_con {}
.board_write th {padding:11px 0 8px;text-align:center;color:#3c3c3c;border-bottom:1px solid #ccc;background:#f7f7f7;}
.board_write td {height:40px;padding:11px 10px 8px;text-align:left;border-bottom:1px solid #ccc;line-height:1.66666em;}
.board_write td.withdrawal {padding:11px 10px 8px;border:none;border-bottom:1px solid #ccc;letter-spacing:-0.1em;}
.board_write td.withdrawal p {line-height:25px;}

.board_write .curator {position:relative;padding:0 67px 0 0;}
.board_write .curator button {position:absolute;right:0;top:0;}

.sub_detail .board_write th, .sub_detail .board_write td {font-size:13px;}

.interest li {display:inline-block;float:left;width:50%;text-align:left;}

/* privacy */
.boardPrivacy {table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.boardPrivacy th {padding:9px 0 7px;font-size:11px;color:#333;font-weight:600;text-align:center;vertical-align:top;background:#f5f5f5;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.boardPrivacy td {padding:6px 15px 5px;text-align:left;color:#555;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:20px;vertical-align:top;}

/* 테이블 공통 스타일 */
th.tRight, td.tRight	{text-align:right;}
th.tLeft, td.tLeft	{text-align:left;}
th.tCenter, td.tCenter	{text-align:center;}
th.no_pd, td.no_pd	{padding-left:0 !important;padding-right:0 !important;}

/* btn_area */
.btn_area {clear:both;display:block;overflow:hidden;margin:30px auto 0;text-align:center;}
.btn_area.btn_block{display:block;margin:0;padding:10px 0;border-top:1px solid #7f7f7f;}
.btn_area:after, .btn_area.btn_block:after{content:'';display:block;clear:both}

.btn_block {display:block;margin:30px auto 0;}
.lbtn{float:left;margin:30px 0 0;text-align:left;}
.rbtn{float:right;margin:30px 0 0;text-align:right;}

/* btn */
.btn_more_icon{width:14px;height:14px;background:url(../images/pc_more_icon_plus.png) no-repeat 50% 50%;}
.btn_more_icon i{position:absolute;top:-9999%;overflow:hidden;}
.m_btn_more{font-size:15px;line-height:45px;color:#8c8c8c;letter-spacing:0.1em;font-weight:600;display:block;border:1px solid #e4e4e4;}
.m_btn_more i{padding:0 26px 0 0;background:url(../images/mb_arrow_more.png) no-repeat 100% 50%;background-size:16px;}

.btn_txt {display:block;width:100%;height:3em;padding:0 1.75em;font-weight:600;text-align:center;font-size:15px;}
.btn_small {height:2em;padding:0 0.5em;font-size:12px;line-height:2em;}
.btn_big {display:inline-block;height:2.65em;padding:0 1.5em;font-size:15px;line-height:2.7em;}
.btn_h20 {height:20px !important;line-height:20px !important;font-weight:400;font-size:12px;}
.btn_h30 {height:30px !important;line-height:30px !important;font-weight:400;font-size:12px;}
.btn_h40 {height:40px !important;line-height:40px !important;font-weight:400;font-size:12px;}

.btn_black {color:#fff;background:#333;border:1px solid #000;}
.btn_white {color:#5c5c5c;background:#fff;border:1px solid #a5a5a5;}
.btn_green {color:#fff;background:#578a3d;border:1px solid #578a3d;}
.btn_gray {color:#fff;background:#777;border:1px solid #777;}

.btn_33{padding:0;width:32.5%;}
.btn_48{padding:0;width:48% !important;}
button.btn_48:first-child {float:left;}
button.btn_48:last-child {float:right;}
.btn_50{padding:0;width:50%;}
.btn_80{padding:0;width:80%;}
.btn_100{padding:0;width:100%;}

/* page_area */
.page_area {display:inline-block;position:relative;overflow:hidden;margin:30px auto 0;padding:0;text-align:center;}
.page_area button {display:inline-block;height:40px;padding:0 0 56px;background:url(../images/mb_more.png) no-repeat 50% 100%;background-size:32px;color:#578a3e;text-align:center;font-size:13px;}
.page_area button span {display:block;}
.page_area button em {padding:0 14px 0 0;color:#fff;background:url(../images/mb_arrow_page.png) no-repeat right center;background-size:12px;}

/* mobile 767px이하 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media all and (max-width:767px){
/* form */
.frm_cp_order .btn_area	{text-align:left;display:block;margin-top:5px;}
.frm_point_order .btn_area	{text-align:left;display:block;margin-top:0;}

table.board_write .line_break span{display:block;}
table.board_write .line_break span i{display:none;}

.btn1 .btn_txt{padding:0;width:100%;margin:0 0 10px;}
.btn2 .btn_txt	{float:right;width:49.5%;padding:0;margin:0 0 0 0.5%;}
.btn2 .btn_txt:nth-of-type(1){float:left;margin:0 0.5% 0 0;}
}

/* mobile 320px이하 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media all and (max-width:320px){
/* form */
.frm_address .zipcode input{width:80px;}

/* 첨부파일 */
.filebox {padding:0 71px 0 0;}

.lst_store li .store_info dl dd * {vertical-align:middle;}

.view_order .article, .view_order.account .article {width:30%;}
.view_order .content, .view_order.account .content {width:70%;}

.write_mem .div {width:32%;}
.write_mem .form {width:68%;}
table.board_write col.th_tit {width:80px;}

.lst_order td .account > span:after  {top:1.5px;}
}